<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个 JQuery 程序</title>
    <!-- 第一：下载JQ -->

    <!-- 第二：在页面中，导入 JQ 文件 -->
    <script src="../../jquery-3.7.1.js"></script>

    
</head>
<body>
    不可用：<input type="text" value="好好学习" readonly="true"/><br/>
    禁用：<input type="text" value="天天向上" disabled="true"/><br/>

    性别：
    <input type="radio" name="sex" checked value="男"/>男
    <input type="radio" name="sex" value="男"/>女<br/>
      
    爱好：
    <input type="checkbox" name="hobby" value="吃"/>吃
    <input type="checkbox" checked name="hobby" value="喝"/>喝
    <input type="checkbox" checked name="hobby" value="玩"/>玩
    <input type="checkbox" name="hobby" value="乐"/>乐
    <br/>

    头像：<input type="file"/><br/>

    <input type="hidden" value="我是隐藏域"/>

    家乡：
    <select>
        <option>广东</option>
        <option selected>广西</option>
        <option>广南</option>
        <option>广北</option>
    </select>

    <input type="button" value="普通按钮1"/>
    <input type="button" value="普通按钮2"/>
    <input type="submit" value="提交按钮"/>
    <button>普通按钮</button>

    <!-- 第三：使用 JQ -->
    <script>
        // 1.匹配所有 input, textarea, select 和 button 元素
        // var ipts = $(":input") ;
        // for(var i=0;i<ipts.length;i++) {
        //     console.log(ipts[i]);
        // }

        // $(":hidden").val("好好学习") ;

        console.log($(":button").length);
        
        
    </script>
</body>
</html>